<h2>个人信息填报</h2>

<div class="people_list">
    <ul >
        <li>
            姓名: <input type="text" id="username" [(ngModel)]="peopleInfo.username" value="form_input" />
        </li>
        <li>
            性别:<input type="radio" name="sex" value="1" id="sex1" [(ngModel)]="peopleInfo.sex"/><label for="sex1">男</label>
                <input type="radio" name="sex" value="2" id="sex2" [(ngModel)]="peopleInfo.sex"/><label for="sex2">女</label>
        </li>


        <li>
            城市：<select name="city" id="city" [(ngModel)]="peopleInfo.city">
                <option [value]="item" *ngFor="let item of peopleInfo.cityList">{{item}}</option>
            </select>
        </li>

        <li>
            爱好：<span *ngFor="let item of peopleInfo.hobby">
                <input type="checkbox" [(ngModel)]="item.checked" />{{item.title}}
                &nbsp;
            </span>
        </li>

        <li>
            备注：<textarea name="mark" id="mark" cols="30" rows="10" [(ngModel)]="peopleInfo.mark"></textarea>
        </li>





    </ul>
    
    <button (click)="doSubmit()" class="submit">获取表单内容</button>
<br><br><br><br><br><br>
    {{peopleInfo|json}}
</div>




